<template>
  <div>
    <h1>我是弟弟</h1>
    <p>{{count}}</p>
    <button @click="byebye">取消订阅</button>
  </div>
</template>

<script>
import PubSub from "pubsub-js"
export default {
    name:"Didi",
      //一般我们再接收发布信息之前，都要书写一个初始值
    data(){
        return{
            count:0,
            pubId:null
        }
    },
    mounted(){
    // 订阅的第一个参数是需要订阅的数据名称，第二个参数是一个回调函数，回调函数的第一个参数是发布订阅的名称，第二个才是数据
  //先订阅，一般再初始化环节就订阅 mounted

       this.pubId= PubSub.subscribe("count",(_,count)=>{
            this.count = count
        })
    },
    methods:{
        byebye(){
      //unsubscribe也可接受一个订阅id(pubId),是订阅方法的返回值,可以取消当前组件的当前订阅
        
            PubSub.unsubscribe(this.pubId)
        }
    }

}
</script>

<style>

</style>